<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'right.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="<%=basePath %>js/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>js/themes/icon.css">
	<script type="text/javascript" src="<%=basePath %>js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/jquery.easyui.min.js"></script>
	
  </head>
  <script type="text/javascript">
  $(document).ready(
  function(){
  $("#test").datagrid({
  title:'类别列表',
  width:900,
  height:300,
  columns:[[
  {field:"Id",checkbox:true},
  
  {field:"",title:"类别",width:150},
  {field:"",title:"类别详细",width:150}
  ]],
  pagination:true
  }
  );
  }
  
  );
  
  $(function(){
			$('#cc').combo({
				required:true,
				editable:false
			});
			$('#sp').appendTo($('#cc').combo('panel'));
			$('#sp input').click(function(){
				var v = $(this).val();
				var s = $(this).next('span').text();
				$('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
			});
		});
  </script>
  
  <body>
  <div>
   <form>
    <table>
    <tr>
    <td>类别: <select id="cc"></select>
	<div id="sp">
		<div style="color:#99BBE8;background:#fafafa;padding:5px;">选择类别</div>
		<input type="radio" name="lang" value="01"><span>食物</span><br/>
		<input type="radio" name="lang" value="02"><span>交通</span><br/>
		<input type="radio" name="lang" value="03"><span>零食</span><br/>
		<input type="radio" name="lang" value="04"><span>其他</span><br/>
	</div></td>
    <td>类别详细:<input id="nn" class="easyui-numberbox" min="0" max="10000" precision="2"/>
</td>
    <td>
		<a id="add" href="#" class="easyui-linkbutton" iconCls="icon-add">添加</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove">删除</a>
	</td>
    </tr>
    </table>
    </form>
    </div>
	
    <table id="test" ></table>
     
  </body>
</html>
